<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <base target="_blank">
  <base href="https://gimg2.baidu.com/image_search/">
</head>
<body>
    <!-- 链接标签 ： a 标签
      属性： href： 链接地址
            target：跳转的地址在新的窗口
    -->

    <a href="http://www.baidu.com">百度</a>

    <a href="http:/www.baidu.com" target="_blank">
      <img src="../panda.jpg" alt="">
    </a>

    <!-- base 标签 ：单标签 ，作用：改变链接的默认行为 ,一般可以对a ，img，form，link标签中的url起作用，对a标签中的target起作用
    
      注意：1. base标签都说要放到heard标签内，但是我放到body中也没问题。
      2. 对于base标签中的hrf，是起基准作用的，也就是说是base中的href + src中的url，其次不支持相对路径。
      
      要想实现相对路径也行，比较麻烦
    -->
  

    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.baidu.com">百度</a>
    <a href="http://www.baidu.com">百度</a>

    <img src="src=http%3A%2F%2Fbj-yuantu.fotomore.com%2Fcreative%2Fvcg%2Fnew%2FVCG211363439424.jpg%3FExpires%3D1643621485%26OSSAccessKeyId%3DLTAI2pb9T0vkLPEC%26Signature%3DV7ZL3VtfrWsfGDmJDiahAW3pOgo%253D%26x-oss-process%3Dimage%252Fauto-orient%252C0%252Fsaveexif%252C1%252Fresize%252Cm_lfit%252Ch_1200%252Cw_1200%252Climit_1%252Fsharpen%252C100%252Fquality%252CQ_80%252Fwatermark%252Cg_se%252Cx_0%252Cy_0%252Cimage_d2F0ZXIvdmNnLXdhdGVyLTIwMDAucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLG1fbGZpdCxoXzE3MSx3XzE3MSxsaW1pdF8x%252F&refer=http%3A%2F%2Fbj-yuantu.fotomore.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1647050179&t=1c5066a658791f596104ca1e9b0f1bb8" alt="">

</body>
</html>